body {
  background-color: #D5D5D5;
}

html,body{
    margin:0px;
    padding:0px;
}

html body{
    height:100%;
}
.wrapper {
  width: 99.5%;
    margin-left: auto;
	margin-right: auto;
}
.rojo {
    color: white;
    background-color: red;
}

.amarillo {
    color: black;
    background-color: yellow;
}

.verde {
    color: white;
    background-color: green
}

.naranja {
  background-color: orange;
}

.main {
  margin-top: 20px;
}
.header {
  background-image: url("header.png");
  height: 100px;
}
.logo {
	background-image: url("logo.png");
}

table {
  border: 1px solid #000000;
  background-color: #FFFFFF;
}
td {
  padding: 5px;
}

tr.par > td{
  background-color:#C0C0C0;
}

tr > td {
	background-color:#EAEAEA;
}

.button {    
	 font-family: verdana, arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 4px;
   background-color: #EAEAEA;
   color: #333333;
   text-decoration: none;
   height: 28px;
}
.button:link,.button:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.button:hover {
   border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
}

div#indicator
{
  width: 20px;
  height: 20px;
  z-index: 900;
  background: url(loader.gif) no-repeat 0 0;
}

h1 {
  padding-bottom: 5px;
  text-transform:uppercase;
}

th {
  text-transform:uppercase;
}

#logo {
  padding-top: 18px;
  padding-left: 15px;
}
